@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

html {font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;}
/* scrollbar start */
::-webkit-scrollbar {
  width: 7px;
  background-color: #fff;
  border-left-color: 1px solid rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
  background-color: #000;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #000;
}
/* scrollbar end */
::selection {
  background-color: #4292c2;
  color: #fff;
}
/* ortak start */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*:focus {
  box-shadow: none !important;
}

.clear {clear: both;}

a {
  text-decoration: none !important;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
}
.sedx {
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
}
li {
  list-style: none !important;
}
ul {
  padding-left: 0rem !important;
}
body {
  font-size: 18px;
  font-family: "articulat-cf-light" !important;
  overflow: auto !important;
  overflow-x: hidden !important;
  line-height: 22px;
  background-color: #fff !important;
  overflow-x: hidden !important;
  letter-spacing: 0.1px;
}
b,
strong {
}
p {
}
p b {
}
#yukari {
  display: none;
  position: fixed;
  bottom: 75px;
  right: 25px;
  background: #000000;
  width: 50px;
  height: 50px;
  text-decoration: none;
  border-radius: 35px;
  transition: all 0.3s ease;
  z-index: 999;
  border: 2px solid #fff;
}
#yukari i {
  position: relative;
  left: 15px;
  top: 13px;
  color: #fff;
  margin: 0;
  font-size: 20px;
  transition: all 0.3s ease;
}
#yukari:hover {
  background-color: #ffffff;
  border-color: #000;
}
#yukari:hover i {
  color: #000;
}


p {margin: 0 !important; padding: 0 !important;}

.topbar-bg {background: #37393F; height: 60px;}
.topbar-icon {display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center; color:#fff;}
.topbar-icon p {color: #FFF;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;}
.topbar-icon img {padding-right:10px}

.logomenu {display:block; margin-top:15px !important;}

.menu ul {display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center; gap: 59px; padding-top:20px}

.menu a {color: #37393F;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;}

.person {display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;}

.person p {color: #37393F;
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;}

.search-bar {background: #F6F6F6;
  height: 140px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

  .search-bar form {     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    gap: 17px;}

  .search-bar form button {width: 251px;
    height: 51px; border-radius: 5px;
    background: linear-gradient(225deg, #372D90 0%, #D94A9C 100%); color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; }

.ulke select {width: 415px; color: #444;
  height: 51px;
  border-radius: 5px;
  background: #E7E7E7;
  border:none;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  margin-top: 5px;}

.ulke span {color: #37393F;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;}

.slider {margin-top:69px !important;}

.one-cikan-doktorlar {margin-top:24px}
.one-cikan-doktorlar h2 {color: var(--dark, #2D2424);
  text-align: center;
  font-family: Montserrat;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;}

.item > .doktor {border-radius: 10px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
gap:7px;
padding: 28px 0px 28px 0px;}

.doktor {border-radius: 10px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: relative;
gap:7px;
padding: 28px 0px 28px 0px;}

.doktor p {color: #444;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 100% */}

  .doktor svg {position: absolute;
    top: 15px;
    right: 15px;}

  .doktor img.doktor-profil {width: auto;display: block;}
  .doktor-yildiz {    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 3px;}

  .one-cikan-doktorlar .item {    width: 90%;
    left: 5%;
    position: relative;}

  .doktor span {color: #999;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 109.091% */}

  .doktor a p {width: 160px;
    padding:6px !important;
    flex-shrink: 0;border-radius: 5px;
    background: linear-gradient(230deg, #372D91 0%, #D94A9C 100%); color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 120% */}


.center-text-area {display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;}

.center-text-area h3 {color: #37393F;
      font-feature-settings: 'clig' off, 'liga' off;
      font-family: Montserrat;
      font-size: 30px;
      font-style: normal;
      font-weight: 600;
      line-height: 35px; /* 116.667% */
    margin-bottom:58px}

.center-text-area h4 {color: #372D90;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
margin-bottom:16px}

.center-text-area p {color: #444;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */}

.center-image-area {text-align: right;}

.center-area {margin-top:100px !important;}



.customer-comment {display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 10px;}
.customer-comment img {}
.customer-comment p {color: var(--gray-1, #333);
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;}
.customer-comment span {color: var(--gray-1, #333);
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;}

  .customer-comment span.title {color: var(--gray-1, #333);
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;}

.instagram-feed {margin-top:150px !important;}
.instagram-feed h2 {color: var(--dark, #2D2424);
  text-align: center;
  font-family: Montserrat;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; margin-bottom:72px;}

.profiles {display: flex!important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;}

.profile {display: flex;
    gap: 10px;
    flex-direction: column;}
.profile p {color: var(--gray-1, #333);
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;}


.photo-gallery {margin-top:50px !important;}
.photo-gallery img {width: 100%; max-height: 260px; overflow: hidden;}

.blog {margin-top:100px !important}
.blog-sidebar {margin-top:30px !important}

.blog h2 {color: var(--dark, #2D2424);
  text-align: center;
  font-family: Montserrat;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom:50px !important;}

.blog-card {
  /* display: flex; */
  padding: 15px;
  /* flex-direction: row; */
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  background: #F6F6F6;
  margin-bottom:24px;}

.blog-card img {text-align: left;}
.blog-card a {
  display: flex;
  text-align: center;
  margin-top: 10px;
  justify-content: center;
  background: linear-gradient(225deg, #372D90 0%, #D94A9C 100%)!important;
  color: white;
  padding: 5px;
}
.blog-card a:hover {

  color: white;

}
.blog-card p {color: var(--text-black-60, #666);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 180% */
}
.blog-card-sidebar {display: flex;
  padding: 15px;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  background: #F6F6F6;
  margin-bottom:24px;}

.blog-card-sidebar img {text-align: left;}
.blog-card-sidebar p {color: var(--text-black-60, #666);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 180% */}


.form {margin-top:50px !important;}
.form h2 {color: var(--dark, #2D2424);
  text-align: center;
  font-family: Montserrat;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom:50px !important;}

.form input {width:100%; border: 1px solid #D9D9D9;
  background: #F9F9F9; height: 65px; flex-shrink: 0; padding:20px; margin-bottom:25px;}

.form textarea {width:100%; height: 222px; flex-shrink: 0; border: 1px solid #D9D9D9; padding:20px; background: #F9F9F9;}

.form button {display: flex;
  padding: 21px 61px 22px 61px;
  justify-content: center;
  align-items: center;
  gap: 10px; background: linear-gradient(225deg, #372D90 0%, #D94A9C 100%); color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize; width:191px; text-align: center; margin: 0 auto; margin-top:50px !important; border-radius: 5px;}

  footer {background-color: #37393F; padding-bottom:40px !important; margin-top:60px;}
  .footer-logo {    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;}
  .footer-logo img {filter: brightness(100);}
  .callus {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;}
  .callus p {color: #FFF;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;}
  .callus span {color: #FFF;
    font-family: Montserrat ;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;}

  .footer-top {    padding-top: 50px;}
  .footer-info {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end; gap:40px;}

    hr:not([size]) {
      height: 1px;
      margin-bottom: 30px;
      margin-top: 30px;
      background: #6C6D72;
  }

  .footer-menu h5 {color: #FFF;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;}
  .footer-menu p a {color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 220.187%; /* 39.634px */}

  .copy {color: #FFF;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 144.523%; /* 26.014px */}

.footer-social {display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;}
.footer-social p {color: #FFF;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 144.523%; /* 26.014px */}
.footer-social img {filter: brightness(100);}

button.kayit-ol {
  border-radius: 5px;
  border: 1px solid #372D90;
  background: #FFF;
  margin-top: 0 !important;
  background: linear-gradient(264deg, #372D90 0%, #D94A9C 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.buttons {display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 10px;}

 .doktorlar-sidebar select {width: 100%; height: 35px;
  border-radius: 5px;
background: #FFF;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
color: #444;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 12px; /* 100% */
text-align: left;
padding:0px 10px}

  .doktorlar-sidebar span {color: #666;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 100% */}

.one-cikan-doktorlar form button {width: 100%;
  height: 35px; border-radius: 5px;
  background: linear-gradient(225deg, #372D90 0%, #D94A9C 100%); color: #FFF;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; }

  .pagination {justify-content: flex-end; gap:10px}
  .box-pagination {flex-shrink: 0;
    border: 1px solid #372D90;
    background: #FFF;
    padding: 10px 20px;}
  .box-pagination a {color: #37393F;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 100% */}

  .pagination > .active {border:none; background: linear-gradient(225deg, #372D90 0%, #D94A9C 100%);}
  .pagination > .active a {color: #fff; }

  .pagination > .before a {color: linear-gradient(180deg, #372D90 0%, #D94A9C 100%);}
  .pagination > .after a {color: linear-gradient(180deg, #372D90 0%, #D94A9C 100%);}

  .doktor-detay {
    border-radius: 10px;
    background: #FFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    gap: 7px;
    padding: 28px 0px 28px 0px;
  }

  .doktor-detay p {color: #444;
    text-align: start;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 100% */}

    .doktor-detay svg {position: absolute;
      top: 15px;
      right: 15px;}

    .doktor-detay img.doktor-profil {width: auto;display: block;}
    .doktor-yildiz {    display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      gap: 3px;}

      .doktor-detay p {color: #444;
        text-align: start;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 60% */}

    .doktor-detay span {color: #999;
      text-align: center;
      font-feature-settings: 'clig' off, 'liga' off;
      font-family: Montserrat;
      font-size: 11px;
      font-style: normal;
      font-weight: 500;
      line-height: 12px; /* 109.091% */}

    .doktor-detay a p {width: 160px;
      padding:6px !important;
      flex-shrink: 0;border-radius: 5px;
      background: linear-gradient(230deg, #372D91 0%, #D94A9C 100%); color: #FFF;
      text-align: center;
      font-feature-settings: 'clig' off, 'liga' off;
      font-family: Montserrat;
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: 12px; /* 120% */}

.doktor-sag {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  margin-left: 20px;
  }

  .doktor-tab {margin-bottom:52px}

  .doktor-tab ul {margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;}

  .doktor-tab ul li a {
    color: black;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 12px; /* 66.667% */
  }

  .doktor-tab ul li a.active {color: #372D90;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px; 
    border: 2px solid purple;
    border-radius: 4px;
    padding: 2px 9px;
    
    /* 66.667% */}

.tablo-ay {background: linear-gradient(270deg, #372D90 0%, #D94A9C 100%);border: 1px solid #372D90;}
.tablo-ay td {text-align:center; color:#fff; height: 40px;}


.ay-icerik {    display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 40px;}

.ay-icerik p {color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;}

.ay-icerik svg {width: 10px;
  height: 15px;
  flex-shrink: 0;}

.tablo-hucre {
  height: 50px;
  padding: 10px;
  text-align: center;
  border: 1px solid #372D90;
  border-radius: 5px !important;
  }
  .hover:hover{
    cursor: pointer !important;
    background: linear-gradient(225deg, #FFEB3B 0%, #FFEB3B 100%) !important;
    color: black !important;
  }

  .date-cell{
    width: 200px;
  }

  .tablo-hucre p {color: #37393F;
    text-align: center;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;}

    .tablo-hucre-gorusme {
      height: 50px;
      text-align: center;
      }

    .tablo-hucre-gorusme p {color: #37393F;
      text-align: center;
      font-family: Montserrat;
      font-size: 9px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;}

  .tr-gorusme {border: 1px solid #372D90;}
.active-randevu {background: linear-gradient(262deg, #372D90 0%, #D94A9C 100%); color:#fff;}
.active-randevu p {color:#fff;}

.yapilan-gorusmeler {height:557px; overflow: scroll;}

.ucret {color: #333;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 66.667% */}

  button.randevu-al {width:100%; border-radius: 5px;
    background: linear-gradient(269deg, #372D91 0%, #D94A9C 100%); color:#fff; color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 75% */; height: 40px;}

.ucret-yok {color: #F42424;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 66.667% */}
.ucret-var {color: #1fb21f;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 66.667% */}
  .yorum-profil {display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;}

  .yorum-profil img {width: 35px;
    height: 35px;
    flex-shrink: 0;}

  .yorum-profil h2 {color: #444;
    padding:0;
    margin:0;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px; /* 80% */ margin-left:10px;}

  .yorum p {color: var(--text-black-60, #666);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */}

    .aciklama p {color:#666;
      font-feature-settings: 'clig' off, 'liga' off;
      font-family: Montserrat;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px; /* 120% */}

button.giris-yap {padding:20px; border-radius: 5px;
  border: 1px solid #D94A9C;
  background: none;
  color: #D94A9C;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;}

button.kayit-ol-header { padding:20px; border-radius: 5px;
  background: linear-gradient(225deg, #372D90 0%, #D94A9C 100%);
  color: #ffffff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; }

h2.how-we-work {
  color: #37393F;
text-align: center;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 121%; /* 48.4px */
margin-bottom:100px !important;
}

.work-box {    flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #F6F6F6;
  padding: 58px 43px;}

.work-box svg {position: absolute;
  top: -40px;
}
.work-box h4 {color: #37393F;
  text-align: center;
  font-family: Montserrat;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 127%; /* 31.75px */}
.work-box p {color: #7D7D7D;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 146.187%; margin-top:16px !important;}


.ozellik {
  display: flex;
  padding: 10px;
  gap: 10px;
  flex-shrink: 0;
  background: #F6F6F6;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  }
.ozellik p {color: #37393F;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 127%; /* 31.75px */}
.ozellik svg {width: 80px;
  height: 80px;
  flex-shrink: 0;}

.iletisim-sag {}

.iletisim-sag h2 {color: #37393F;
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 121%; /* 48.4px */}
.iletisim-sag p {color: #7D7D7D;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 146.187%; /* 26.314px */}

 .iletisim-sag > .callus {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  }
  .iletisim-sag > .callus p {color: #7D7D7D;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135.187%; /* 21.63px */}
  .iletisim-sag > .callus span {color: #37393F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;}


.hesabim-menu {display: flex;
  background: #F6F6F6;
  padding: 56px 35px !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;}
.hesabim-menu h4 {color: #37393F;
  font-family: Montserrat;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 127%; /* 31.75px */}
.hesabim-menu ul {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.hesabim-menu ul li {
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 127%;
  padding: 20px 10px;}

.hesabim-menu ul li.secili {
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 127%;
  background: linear-gradient(269deg, #372D90 0%, #D94A9C 100%);
  padding: 14px 10px;
  }
  .hesabim-menu ul li.secili svg { filter: brightness(100); }

.hesabim-menu ul li a {color: #37393F; font-family: Montserrat; display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}

.hesabim-menu ul li.secili a p{color: #FFF;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 127%;}

.form-input input {
  width:100%;
  height: 40px;
  flex-shrink: 0;
  padding:10px 10px;
  border-radius: 5px;
  border-color: transparent;
  background: #FFF;
  margin-bottom: 20px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  }

.form-input p {
  color: #C4C4C4;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  margin-bottom: 7px !important;
  }

  .profile-information button {border-radius: 5px;
    background: linear-gradient(270deg, #372D90 0%, #D94A9C 100.1%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    height: 40px; color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;}

.profile-image img {width: 150px;
  height: 150px;}

.form-tarih-saat {}
.form-tarih-saat form {
    gap: 20px;
    display: flex;
    align-items: flex-end;
}
.form-tarih-saat p {color: #666;font-feature-settings: 'clig' off, 'liga' off;font-family: Montserrat;font-size: 14px;font-style: normal;font-weight: 500;line-height: 12px; /* 120% */margin-bottom: 7px !important;}
.form-tarih-saat input {
  border-radius: 5px;
  background: #FFF;
  border:none;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  padding:10px 10px;
  height: 33px;
  color: #444;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 100% */
  }
.form-tarih-saat button {
  border-radius: 5px;
  background: linear-gradient(260deg, #372D91 0%, #D94A9C 100.26%);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  width: 77.762px;
  height: 33px;
  flex-shrink: 0;
  color: #FFF;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 100% */
  }


  .doktor-detay-randevu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    position: relative;
    gap: 35px;
    padding: 24px 14px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    border:none;
  }

  .doktor-detay-randevu p {color: #444;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 100% */}

    .doktor-detay-randevu svg {position: absolute;
      top: 15px;
      right: 15px;}

    .doktor-detay-randevu img.doktor-profil {width: auto;display: block;}

      .doktor-detay-randevu p {color: #444;
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 12px; /* 60% */}

    .doktor-detay-randevu span {
      color: #999;
      font-feature-settings: 'clig' off, 'liga' off;
      font-family: Montserrat;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 12px; /* 109.091% */
      }

    .doktor-detay-randevu a p {width: 160px;
      padding:6px !important;
      flex-shrink: 0;border-radius: 5px;
      background: linear-gradient(230deg, #372D91 0%, #D94A9C 100%); color: #FFF;
      text-align: center;
      font-feature-settings: 'clig' off, 'liga' off;
      font-family: Montserrat;
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: 12px; /* 120% */}

.doktor-sag-randevu {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  }

  .doktor-sagson-randevu {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 25px;
    align-content: flex-end;
}
  .doktor-sagson-randevu p {
    color: #666;
    text-align: right;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 120% */
}
  .doktor-sagson-randevu button {
    border-radius: 5px;
    background: #D94A9C;
    padding: 10px 10px;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 133.333% */
}

.onaylanan-randevu-butonlar {
    display: flex;
    gap: 12px;
}
.onaylanan-randevu-butonlar svg {
    position: relative;
    top: 0;
    right: 0;
}

.kredi h2 {color: #333;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 40% */}

.kredi-box {
    display: flex;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    border: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 22px;
    padding: 30px 0;
}
.kredi-box svg {
    width: 60px;
    height: 60px;
}
.kredi-box h4 {
    color: #333;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 75% */
}
.kredi-box p {
    color: #333;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 75% */
}
.kredi-box button {
    border-radius: 5px;
    background: linear-gradient(264deg, #372D91 0%, #D94A9C 100%);
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px; /* 92.308% */
    width: 80px;
    height: 26px;
    flex-shrink: 0;
}
p.yorum-yap {
  color: #555;
  text-align: left;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 92.308% */
  /*padding: 0 24px !important;*/
  padding: 3px 3px !important;
  }

.textarea textarea {border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); border: none; padding: 20px 20px !important; color: var(--text-black-60, #666);
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 180% */}

.textarea {padding: 0 24px !important; text-align: center;}

.textarea button {border-radius: 5px;
  background: linear-gradient(269deg, #372D91 0%, #D94A9C 100%); color: #FFF;
  text-align: center;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Montserrat;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; /* 92.308% */ height: 30px; padding:0 120px;}

  .mobile-flex {display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 130px;}

  .dosyalar {padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;}
  .dosyalar svg {position: relative; top: 0; right: 0;}

  .dil {display: flex;flex-direction: column;flex-wrap: nowrap;align-content: flex-start;justify-content: center;align-items: flex-start;gap: 30px;}
  .dil a {display: flex; gap:10px}
  .dil p {color: #444;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 21px */
    letter-spacing: 0.5px;}
    
    
 
    
    .owl-carousel .fa.fa-angle-left:hover{
 color:purple !important;
}
.owl-carousel .fa.fa-angle-right:hover{
 color:purple !important;
}